<%@ page contentType="text/html;charset=UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="tags" tagdir="/WEB-INF/tags"%>
<c:set var="ctx" value="${pageContext.request.contextPath}" />
<html>
<head>
<title>邮件发送成功</title>
<style type="text/css">
#x-form .glyphicon {
	background-color: #32cd32;
	color: #ffffff;
	border: 2px solid #ffffff;
	border-radius: 50%;
	display: inline-block;
	font-size: 35px;
	width: 60px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	vertical-align: middle;
}
</style>
<script type="text/javascript">
	$(function() {
		$("#loginEmail").click(function() {
			window.open("${http}", "_blank");
		});
	});
</script>
</head>
<body>
	<div align="center">
		<div class="panel panel-primary" style="width: 600px; height: 350px; padding: 50px;" align="center">
			<div class="panel-heading" align="center">邮箱发送成功</div>

			<div class="panel-body" align="center" style="padding: 30px;">
				<form id="x-form">
					<table class="table-condensed">
						<tr>
							<td><i class="glyphicon glyphicon-ok"></i></td>
							<td><h4>恭喜您，邮件发送成功！登录邮箱点击链接即可重置密码。</h4></td>
						</tr>
						<tr>
							<td colspan="2" align="center"><button id="loginEmail" type="button" class="btn btn-primary">立即查收重置密码</button></td>
						</tr>
					</table>
				</form>
			</div>
		</div>
	</div>
</body>
</html>